<!DOCTYPE html>
<html lang="zh">
<!-- Head 开始 -->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 告诉浏览器对屏幕宽度做出响应 -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>订单搜索</title>
  <!-- 主要样式表开始 -->
  <link href="/assets/css/main.css" rel="stylesheet">
  <link href="/css/toFindOrder.css" rel="stylesheet">
  <link href="/css/orderSuggestion.css" rel="stylesheet">
  <!-- favicon图标 -->
  <link type="image/png" rel="shortcut icon" href="/assets/images/favicon.png">
  <!-- 引入jQuery -->
  <script src="/assets/js/jquery-3.4.1.min.js"></script>
</head>
<!-- Head 结束 -->

<body>
<!-- 预加载部分开始 -->
<div id="preloader">
  <div id="status"></div>
</div>
<!-- 预加载部分结束 -->

  <!--主体开始-->
  <div class="search-container">
    <form action="/order/find" method="post" class="search-form">
      <input type="text" name="keyword" id="searchInput" placeholder="请输入用户名" class="search-input" autocomplete="off">
      <div id="suggestions" class="suggestions"></div>
      <button type="submit" class="search-button">搜索</button>
    </form>
  </div>
  <!--主体结束-->
</div>

<!-- jQuery -->
<script src="/assets/js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap js文件 -->
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<!-- swiper文件 -->
<script src="/assets/js/swiper.min.js"></script>
<!-- 作品展示js文件 -->
<script src="/assets/js/jquery.mixitup.min.js"></script>
<!-- 站点主js文件 -->
<script src="/assets/js/main.js"></script>
<!--搜索填充-->
<script src="/javascript/orderSuggestion.js"></script>

</body>

</html>